Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Webfarbe</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Webfarbe"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Webfarbe rootpage-Webfarbe skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Webfarbe</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr">
<p><b>Webfarben</b> sind <a href="Farbreiz" title="Farbreiz">Farben</a>, die für die Gestaltung von <a href="Webseite" title="Webseite">Webseiten</a> eingesetzt werden. Die Spezifikationen der Webbrowser bieten die Möglichkeit, die darstellbaren Farbvorgaben <a href="Hexadezimale_Farbdefinition" title="Hexadezimale Farbdefinition">hexadezimal</a> oder <a href="Dezimal" title="Dezimal">dezimal</a> zu bezeichnen oder die browsereigenen Farbbezeichnungen zu nutzen.
</p>

<div class="mw-heading mw-heading2"><h2 id="Farbnotierungen_in_Stylesheets_(CSS)"><span id="Farbnotierungen_in_Stylesheets_.28CSS.29"></span>Farbnotierungen in Stylesheets (CSS)</h2></div>
<p><a href="Webentwickler" class="mw-redirect" title="Webentwickler">Webentwickler</a> können eine Farbe innerhalb eines <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">Stylesheets</a> notieren.
</p>
<div class="mw-heading mw-heading3"><h3 id="RGB-Farbraum">RGB-Farbraum</h3></div>
<p>Der zugrunde liegende Standard ist <a href="SRGB" class="mw-redirect" title="SRGB">sRGB</a> (siehe auch <a href="RGB-Farbraum#Der_sRGB-Farbraum" title="RGB-Farbraum">sRGB-Farbraum</a>), der als Primärvalenzen die im ITU-R BT.709-5-Standard festgelegten Farbkoordinaten verwendet.
</p><p>Farben des <a href="RGB-Farbraum" title="RGB-Farbraum">RGB-Farbraums</a> sind in CSS-Syntax wie folgt definiert:
</p>
<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#F00</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* #rgb */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#FF0000</span><span class="p">;</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* #rrggbb */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgb</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* integer 0 - 255 */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">64</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mf">0.7</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* 0.7 = 70&nbsp;% Deckkraft - spezifiziert in CSS 3 */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgb</span><span class="p">(</span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="kt">%</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* prozentuale Angaben 0,0&nbsp;% - 100,0&nbsp;% */</span>
</pre></div>
<div class="mw-heading mw-heading3"><h3 id="HSL-Farbraum">HSL-Farbraum</h3></div>
<p>Farben nach dem Model des <a href="HSL-Farbraum" class="mw-redirect" title="HSL-Farbraum">HSL-Farbraumes</a> können ab <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS 3</a> wie folgt notiert werden:<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsl</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Grün */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsl</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">25</span><span class="kt">%</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Dunkelgrün */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsl</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">75</span><span class="kt">%</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Hellgrün */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsl</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Pastellgrün */</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">hsla</span><span class="p">(</span><span class="mi">120</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">,</span><span class="w"> </span><span class="mf">0.7</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Grün mit 70&nbsp;% Deckkraft */</span>
</pre></div>
<div class="mw-heading mw-heading3"><h3 id="CMYK-Farbraum">CMYK-Farbraum</h3></div>
<p>Ab CSS 3 können Farben außerdem nach dem <a href="CMYK-Farbmodell" title="CMYK-Farbmodell">CMYK-Farbmodell</a> angegeben werden:<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nb">device-cmyk</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">0.95</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mf">0.1</span><span class="p">);</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="c">/* Rot */</span>
</pre></div>
<div class="mw-heading mw-heading3"><h3 id="Farbnamen">Farbnamen</h3></div>
<p>Vielen Farbwerten ist ein Name zugeordnet. Eine solche Angabe wird beispielsweise wie folgend notiert.
</p>
<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">navy</span><span class="p">;</span><span class="w"> </span><span class="c">/* Marineblau */</span><span class="w"> </span><span class="p">}</span>
<span class="nt">p</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span><span class="w"> </span><span class="c">/* Rot */</span><span class="w"> </span><span class="p">}</span>
</pre></div>
<p>Die Zuordnung der Farbwerte ist <a href="#Benannte_Farben">nachfolgend</a> beschrieben.
</p>
<div class="mw-heading mw-heading3"><h3 id="Notierung_mit_Rückwärtskompatibilität"><span id="Notierung_mit_R.C3.BCckw.C3.A4rtskompatibilit.C3.A4t"></span>Notierung mit Rückwärtskompatibilität</h3></div>
<p>Da nur neuere Browser die rgba-, hsl(a)- und cmyk-Notierung interpretieren können, sollten Webentwickler eine „Fallback-Farbe“ definieren.
</p>
<div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">p</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span><span class="w"> </span><span class="c">/* Rückwärtskompatibilität */</span>
<span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="nf">cmyk</span><span class="p">(</span><span class="mf">0.0</span><span class="p">,</span><span class="w"> </span><span class="mf">0.95</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mf">0.1</span><span class="p">);</span><span class="w"> </span><span class="c">/* Wird von modernen Browsern interpretiert */</span>
<span class="p">}</span>
</pre></div>
<div class="mw-heading mw-heading2"><h2 id="Benannte_Farben">Benannte Farben</h2></div>
<p>Es gibt mehrere Standards, die den Hexadezimal-Codes einen Farbnamen zuordnen. So lassen sich definierte englische Farbnamen anstelle der Anteilswerte im <a href="RGB-Farbraum" title="RGB-Farbraum">RGB-Farbraum</a> angeben. Die Nutzung solcher Namen erleichtert es dem Designer die <a href="Farbton" title="Farbton">Farbtöne</a> nach eigener <a href="Farbwahrnehmung" title="Farbwahrnehmung">Wahrnehmung</a> zu wählen, statt die unhandliche (formale) <a href="Hexadezimale_Farbdefinition" title="Hexadezimale Farbdefinition">hexadezimale Notierung</a>. Abhängig vom jeweiligen Standard ist die Anzahl an Farbnamen begrenzt, da diese naturgemäß bereits vorgegeben sein müssen.
</p>
<div class="mw-heading mw-heading3"><h3 id="HTML_4/VGA"><span id="HTML_4.2FVGA"></span>HTML 4/VGA</h3></div>
<table class="mw-collapsible mw-collapsed" style="border:1px solid #999999; font-family:Courier, monospace; width:100%; line-height:150%;">
<tbody><tr>
<th colspan="4" style="font-family:sans-serif; background:#DDDDDD;"><a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> 4: die 16 Farben des VGA-16-Farben-Standards
</th></tr>
<tr>
<td width="200" style="background-color:#000000;color:#FFFFFF;"><b>black</b>
</td>
<td width="90" style="background-color:#000000;color:#FFFFFF;"><b>#000000</b>
</td>
<td width="200" style="background-color:#C0C0C0;color:#000000;"><b>silver</b>
</td>
<td width="90" style="background-color:#C0C0C0;color:#000000;"><b>#C0C0C0</b>
</td></tr>
<tr>
<td style="background-color:#800000;color:#FFFFFF;"><b>maroon</b>
</td>
<td style="background-color:#800000;color:#FFFFFF;"><b>#800000</b>
</td>
<td style="background-color:#FF0000;color:#000000;"><b>red</b>
</td>
<td style="background-color:#FF0000;color:#000000;"><b>#FF0000</b>
</td></tr>
<tr>
<td style="background-color:#008000;color:#FFFFFF;"><b>green</b>
</td>
<td style="background-color:#008000;color:#FFFFFF;"><b>#008000</b>
</td>
<td style="background-color:#00FF00;color:#000000;"><b>lime</b>
</td>
<td style="background-color:#00FF00;color:#000000;"><b>#00FF00</b>
</td></tr>
<tr>
<td style="background-color:#808000;color:#FFFFFF;"><b>olive</b>
</td>
<td style="background-color:#808000;color:#FFFFFF;"><b>#808000</b>
</td>
<td style="background-color:#FFFF00;color:#000000;"><b>yellow</b>
</td>
<td style="background-color:#FFFF00;color:#000000;"><b>#FFFF00</b>
</td></tr>
<tr>
<td style="background-color:#000080;color:#FFFFFF;"><b>navy</b>
</td>
<td style="background-color:#000080;color:#FFFFFF;"><b>#000080</b>
</td>
<td style="background-color:#0000FF;color:#000000;"><b>blue</b>
</td>
<td style="background-color:#0000FF;color:#000000;"><b>#0000FF</b>
</td></tr>
<tr>
<td style="background-color:#800080;color:#FFFFFF;"><b>purple</b>
</td>
<td style="background-color:#800080;color:#FFFFFF;"><b>#800080</b>
</td>
<td style="background-color:#FF00FF;color:#000000;"><b>fuchsia</b>
</td>
<td style="background-color:#FF00FF;color:#000000;"><b>#FF00FF</b>
</td></tr>
<tr>
<td style="background-color:#008080;color:#FFFFFF;"><b>teal</b>
</td>
<td style="background-color:#008080;color:#FFFFFF;"><b>#008080</b>
</td>
<td style="background-color:#00FFFF;color:#000000;"><b>aqua</b>
</td>
<td style="background-color:#00FFFF;color:#000000;"><b>#00FFFF</b>
</td></tr>
<tr>
<td style="background-color:#808080;color:#FFFFFF;"><b>gray</b>
</td>
<td style="background-color:#808080;color:#FFFFFF;"><b>#808080</b>
</td>
<td style="background-color:#FFFFFF;color:#000000;"><b>white</b>
</td>
<td style="background-color:#FFFFFF;color:#000000;"><b>#FFFFFF</b>
</td></tr></tbody></table>
<p>Die dunklen Farben ergeben sich durch eine (nahezu) Halbierung des Rot-, Grün- und Blauwerts von 0xFF auf 0x80 (Ausnahme: schwarz und silber).
</p>
<div class="mw-heading mw-heading3"><h3 id="CSS_3">CSS 3</h3></div>
<p>Die <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS-3</a>-Spezifikation des <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> (W3C) definiert aus der Liste des <a href="X_Window_System" title="X Window System">X11</a>, die für <a href="Scalable_Vector_Graphics" title="Scalable Vector Graphics">SVG 1.0</a> standardisiert wurde, folgende 140 Farben:
</p>
<table class="mw-collapsible mw-collapsed centered hintergrundfarbe-basis" style="font-family: monospace, 'Courier New'; border:1px solid #a2a9b1; border-spacing:5px 3px; width:100%; line-height:150%;">

<tbody><tr class="hintergrundfarbe5">
<th colspan="3" style="font-family: sans-serif"><a href="Cascading_Style_Sheets#CSS3" title="Cascading Style Sheets">CSS3</a>-Farbnamen <small>(ursprünglich X11-Farbnamen)</small>
</th></tr>
<tr>
<td style="width:33%">
<table class="wikitable" style="width:100%; margin:0;">

<tbody><tr class="hintergrundfarbe5">
<th colspan="2" style="font-family: sans-serif;">Nach Sättigung und Farbton
</th></tr>
<tr>
<td style="color:#FFFFFF; background:Maroon">Maroon
</td>
<td style="color:#FFFFFF; background:#800000">#800000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkRed">DarkRed
</td>
<td style="color:#FFFFFF; background:#8B0000">#8B0000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:FireBrick">FireBrick
</td>
<td style="color:#FFFFFF; background:#B22222">#B22222
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Red">Red
</td>
<td style="color:#FFFFFF; background:#FF0000">#FF0000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Salmon">Salmon
</td>
<td style="color:#FFFFFF; background:#FA8072">#FA8072
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Tomato">Tomato
</td>
<td style="color:#FFFFFF; background:#FF6347">#FF6347
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Coral">Coral
</td>
<td style="color:#FFFFFF; background:#FF7F50">#FF7F50
</td></tr>
<tr>
<td style="color:#FFFFFF; background:OrangeRed">OrangeRed
</td>
<td style="color:#FFFFFF; background:#FF4500">#FF4500
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Chocolate">Chocolate
</td>
<td style="color:#FFFFFF; background:#D2691E">#D2691E
</td></tr>
<tr>
<td style="color:#000000; background:SandyBrown">SandyBrown
</td>
<td style="color:#000000; background:#F4A460">#F4A460
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkOrange">DarkOrange
</td>
<td style="color:#FFFFFF; background:#FF8C00">#FF8C00
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Orange">Orange
</td>
<td style="color:#FFFFFF; background:#FFA500">#FFA500
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkGoldenrod">DarkGoldenrod
</td>
<td style="color:#FFFFFF; background:#B8860B">#B8860B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Goldenrod">Goldenrod
</td>
<td style="color:#FFFFFF; background:#DAA520">#DAA520
</td></tr>
<tr>
<td style="color:#000000; background:Gold">Gold
</td>
<td style="color:#000000; background:#FFD700">#FFD700
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Olive">Olive
</td>
<td style="color:#FFFFFF; background:#808000">#808000
</td></tr>
<tr>
<td style="color:#000000; background:Yellow">Yellow
</td>
<td style="color:#000000; background:#FFFF00">#FFFF00
</td></tr>
<tr>
<td style="color:#000000; background:YellowGreen">YellowGreen
</td>
<td style="color:#000000; background:#9ACD32">#9ACD32
</td></tr>
<tr>
<td style="color:#000000; background:GreenYellow">GreenYellow
</td>
<td style="color:#000000; background:#ADFF2F">#ADFF2F
</td></tr>
<tr>
<td style="color:#000000; background:Chartreuse">Chartreuse
</td>
<td style="color:#000000; background:#7FFF00">#7FFF00
</td></tr>
<tr>
<td style="color:#000000; background:LawnGreen">LawnGreen
</td>
<td style="color:#000000; background:#7CFC00">#7CFC00
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Green">Green
</td>
<td style="color:#FFFFFF; background:#008000">#008000
</td></tr>
<tr>
<td style="color:#000000; background:Lime">Lime
</td>
<td style="color:#000000; background:#00FF00">#00FF00
</td></tr>
<tr>
<td style="color:#000000; background:LimeGreen">LimeGreen
</td>
<td style="color:#000000; background:#32CD32">#32CD32
</td></tr>
<tr>
<td style="color:#000000; background:SpringGreen">SpringGreen
</td>
<td style="color:#000000; background:#00FF7F">#00FF7F
</td></tr>
<tr>
<td style="color:#000000; background:MediumSpringGreen">MediumSpringGreen
</td>
<td style="color:#000000; background:#00FA9A">#00FA9A
</td></tr>
<tr>
<td style="color:#000000; background:Turquoise">Turquoise
</td>
<td style="color:#000000; background:#40E0D0">#40E0D0
</td></tr>
<tr>
<td style="color:#000000; background:LightSeaGreen">LightSeaGreen
</td>
<td style="color:#000000; background:#20B2AA">#20B2AA
</td></tr>
<tr>
<td style="color:#000000; background:MediumTurquoise">MediumTurquoise
</td>
<td style="color:#000000; background:#48D1CC">#48D1CC
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Teal">Teal
</td>
<td style="color:#FFFFFF; background:#008080">#008080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkCyan">DarkCyan
</td>
<td style="color:#FFFFFF; background:#008B8B">#008B8B
</td></tr>
<tr>
<td style="color:#000000; background:Cyan">Cyan/Aqua
</td>
<td style="color:#000000; background:#00FFFF">#00FFFF
</td></tr>
<tr>
<td style="color:#000000; background:DarkTurquoise">DarkTurquoise
</td>
<td style="color:#000000; background:#00CED1">#00CED1
</td></tr>
<tr>
<td style="color:#000000; background:DeepSkyBlue">DeepSkyBlue
</td>
<td style="color:#000000; background:#00BFFF">#00BFFF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DodgerBlue">DodgerBlue
</td>
<td style="color:#FFFFFF; background:#1E90FF">#1E90FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RoyalBlue">RoyalBlue
</td>
<td style="color:#FFFFFF; background:#4169E1">#4169E1
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Navy">Navy
</td>
<td style="color:#FFFFFF; background:#000080">#000080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkBlue">DarkBlue
</td>
<td style="color:#FFFFFF; background:#00008B">#00008B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumBlue">MediumBlue
</td>
<td style="color:#FFFFFF; background:#0000CD">#0000CD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Blue">Blue
</td>
<td style="color:#FFFFFF; background:#0000FF">#0000FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:BlueViolet">BlueViolet
</td>
<td style="color:#FFFFFF; background:#8A2BE2">#8A2BE2
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkOrchid">DarkOrchid
</td>
<td style="color:#FFFFFF; background:#9932CC">#9932CC
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkViolet">DarkViolet
</td>
<td style="color:#FFFFFF; background:#9400D3">#9400D3
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Purple">Purple
</td>
<td style="color:#FFFFFF; background:#800080">#800080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkMagenta">DarkMagenta
</td>
<td style="color:#FFFFFF; background:#8B008B">#8B008B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Magenta">Magenta/Fuchsia
</td>
<td style="color:#FFFFFF; background:#FF00FF">#FF00FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumVioletRed">MediumVioletRed
</td>
<td style="color:#FFFFFF; background:#C71585">#C71585
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DeepPink">DeepPink
</td>
<td style="color:#FFFFFF; background:#FF1493">#FF1493
</td></tr>
<tr>
<td style="color:#FFFFFF; background:HotPink">HotPink
</td>
<td style="color:#FFFFFF; background:#FF69B4">#FF69B4
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Crimson">Crimson
</td>
<td style="color:#FFFFFF; background:#DC143C">#DC143C
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Brown">Brown
</td>
<td style="color:#FFFFFF; background:#A52A2A">#A52A2A
</td></tr>
<tr>
<td style="color:#FFFFFF; background:IndianRed">IndianRed
</td>
<td style="color:#FFFFFF; background:#CD5C5C">#CD5C5C
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RosyBrown">RosyBrown
</td>
<td style="color:#FFFFFF; background:#BC8F8F">#BC8F8F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightCoral">LightCoral
</td>
<td style="color:#FFFFFF; background:#F08080">#F08080
</td></tr>
<tr>
<td style="color:#000000; background:Snow">Snow
</td>
<td style="color:#000000; background:#FFFAFA">#FFFAFA
</td></tr>
<tr>
<td style="color:#000000; background:MistyRose">MistyRose
</td>
<td style="color:#000000; background:#FFE4E1">#FFE4E1
</td></tr>
<tr>
<td style="color:#000000; background:DarkSalmon">DarkSalmon
</td>
<td style="color:#000000; background:#E9967A">#E9967A
</td></tr>
<tr>
<td style="color:#000000; background:LightSalmon">LightSalmon
</td>
<td style="color:#000000; background:#FFA07A">#FFA07A
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Sienna">Sienna
</td>
<td style="color:#FFFFFF; background:#A0522D">#A0522D
</td></tr>
<tr>
<td style="color:#000000; background:SeaShell">SeaShell
</td>
<td style="color:#000000; background:#FFF5EE">#FFF5EE
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SaddleBrown">SaddleBrown
</td>
<td style="color:#FFFFFF; background:#8B4513">#8B4513
</td></tr>
<tr>
<td style="color:#000000; background:Peachpuff">Peachpuff
</td>
<td style="color:#000000; background:#FFDAB9">#FFDAB9
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Peru">Peru
</td>
<td style="color:#FFFFFF; background:#CD853F">#CD853F
</td></tr>
<tr>
<td style="color:#000000; background:Linen">Linen
</td>
<td style="color:#000000; background:#FAF0E6">#FAF0E6
</td></tr>
<tr>
<td style="color:#000000; background:Bisque">Bisque
</td>
<td style="color:#000000; background:#FFE4C4">#FFE4C4
</td></tr>
<tr>
<td style="color:#000000; background:Burlywood">Burlywood
</td>
<td style="color:#000000; background:#DEB887">#DEB887
</td></tr>
<tr>
<td style="color:#000000; background:Tan">Tan
</td>
<td style="color:#000000; background:#D2B48C">#D2B48C
</td></tr>
<tr>
<td style="color:#000000; background:AntiqueWhite">AntiqueWhite
</td>
<td style="color:#000000; background:#FAEBD7">#FAEBD7
</td></tr>
<tr>
<td style="color:#000000; background:NavajoWhite">NavajoWhite
</td>
<td style="color:#000000; background:#FFDEAD">#FFDEAD
</td></tr>
<tr>
<td style="color:#000000; background:BlanchedAlmond">BlanchedAlmond
</td>
<td style="color:#000000; background:#FFEBCD">#FFEBCD
</td></tr>
<tr>
<td style="color:#000000; background:PapayaWhip">PapayaWhip
</td>
<td style="color:#000000; background:#FFEFD5">#FFEFD5
</td></tr>
<tr>
<td style="color:#000000; background:Moccasin">Moccasin
</td>
<td style="color:#000000; background:#FFE4B5">#FFE4B5
</td></tr>
<tr>
<td style="color:#000000; background:Wheat">Wheat
</td>
<td style="color:#000000; background:#F5DEB3">#F5DEB3
</td></tr>
<tr>
<td style="color:#000000; background:Oldlace">Oldlace
</td>
<td style="color:#000000; background:#FDF5E6">#FDF5E6
</td></tr>
<tr>
<td style="color:#000000; background:FloralWhite">FloralWhite
</td>
<td style="color:#000000; background:#FFFAF0">#FFFAF0
</td></tr>
<tr>
<td style="color:#000000; background:Cornsilk">Cornsilk
</td>
<td style="color:#000000; background:#FFF8DC">#FFF8DC
</td></tr>
<tr>
<td style="color:#000000; background:Khaki">Khaki
</td>
<td style="color:#000000; background:#F0E68C">#F0E68C
</td></tr>
<tr>
<td style="color:#000000; background:LemonChiffon">LemonChiffon
</td>
<td style="color:#000000; background:#FFFACD">#FFFACD
</td></tr>
<tr>
<td style="color:#000000; background:PaleGoldenrod">PaleGoldenrod
</td>
<td style="color:#000000; background:#EEE8AA">#EEE8AA
</td></tr>
<tr>
<td style="color:#000000; background:DarkKhaki">DarkKhaki
</td>
<td style="color:#000000; background:#BDB76B">#BDB76B
</td></tr>
<tr>
<td style="color:#000000; background:Beige">Beige
</td>
<td style="color:#000000; background:#F5F5DC">#F5F5DC
</td></tr>
<tr>
<td style="color:#000000; background:LightGoldenrodYellow">LightGoldenrodYellow
</td>
<td style="color:#000000; background:#FAFAD2">#FAFAD2
</td></tr>
<tr>
<td style="color:#000000; background:LightYellow">LightYellow
</td>
<td style="color:#000000; background:#FFFFE0">#FFFFE0
</td></tr>
<tr>
<td style="color:#000000; background:Ivory">Ivory
</td>
<td style="color:#000000; background:#FFFFF0">#FFFFF0
</td></tr>
<tr>
<td style="color:#FFFFFF; background:OliveDrab">OliveDrab
</td>
<td style="color:#FFFFFF; background:#6B8E23">#6B8E23
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkOliveGreen">DarkOliveGreen
</td>
<td style="color:#FFFFFF; background:#556B2F">#556B2F
</td></tr>
<tr>
<td style="color:#000000; background:DarkSeaGreen">DarkSeaGreen
</td>
<td style="color:#000000; background:#8FBC8F">#8FBC8F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkGreen">DarkGreen
</td>
<td style="color:#FFFFFF; background:#006400">#006400
</td></tr>
<tr>
<td style="color:#FFFFFF; background:ForestGreen">ForestGreen
</td>
<td style="color:#FFFFFF; background:#228B22">#228B22
</td></tr>
<tr>
<td style="color:#000000; background:LightGreen">LightGreen
</td>
<td style="color:#000000; background:#90EE90">#90EE90
</td></tr>
<tr>
<td style="color:#000000; background:PaleGreen">PaleGreen
</td>
<td style="color:#000000; background:#98FB98">#98FB98
</td></tr>
<tr>
<td style="color:#000000; background:Honeydew">Honeydew
</td>
<td style="color:#000000; background:#F0FFF0">#F0FFF0
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SeaGreen">SeaGreen
</td>
<td style="color:#FFFFFF; background:#2E8B57">#2E8B57
</td></tr>
<tr>
<td style="color:#000000; background:MediumSeaGreen">MediumSeaGreen
</td>
<td style="color:#000000; background:#3CB371">#3CB371
</td></tr>
<tr>
<td style="color:#000000; background:Mintcream">Mintcream
</td>
<td style="color:#000000; background:#F5FFFA">#F5FFFA
</td></tr>
<tr>
<td style="color:#000000; background:MediumAquamarine">MediumAquamarine
</td>
<td style="color:#000000; background:#66CDAA">#66CDAA
</td></tr>
<tr>
<td style="color:#000000; background:Aquamarine">Aquamarine
</td>
<td style="color:#000000; background:#7FFFD4">#7FFFD4
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkSlateGray">DarkSlateGray
</td>
<td style="color:#FFFFFF; background:#2F4F4F">#2F4F4F
</td></tr>
<tr>
<td style="color:#000000; background:PaleTurquoise">PaleTurquoise
</td>
<td style="color:#000000; background:#AFEEEE">#AFEEEE
</td></tr>
<tr>
<td style="color:#000000; background:LightCyan">LightCyan
</td>
<td style="color:#000000; background:#E0FFFF">#E0FFFF
</td></tr>
<tr>
<td style="color:#000000; background:Azure">Azure
</td>
<td style="color:#000000; background:#F0FFFF">#F0FFFF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:CadetBlue">CadetBlue
</td>
<td style="color:#FFFFFF; background:#5F9EA0">#5F9EA0
</td></tr>
<tr>
<td style="color:#000000; background:PowderBlue">PowderBlue
</td>
<td style="color:#000000; background:#B0E0E6">#B0E0E6
</td></tr>
<tr>
<td style="color:#000000; background:LightBlue">LightBlue
</td>
<td style="color:#000000; background:#ADD8E6">#ADD8E6
</td></tr>
<tr>
<td style="color:#000000; background:SkyBlue">SkyBlue
</td>
<td style="color:#000000; background:#87CEEB">#87CEEB
</td></tr>
<tr>
<td style="color:#000000; background:LightSkyBlue">LightskyBlue
</td>
<td style="color:#000000; background:#87CEFA">#87CEFA
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SteelBlue">SteelBlue
</td>
<td style="color:#FFFFFF; background:#4682B4">#4682B4
</td></tr>
<tr>
<td style="color:#000000; background:AliceBlue">AliceBlue
</td>
<td style="color:#000000; background:#F0F8FF">#F0F8FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SlateGray">SlateGray
</td>
<td style="color:#FFFFFF; background:#708090">#708090
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightSlateGray">LightSlateGray
</td>
<td style="color:#FFFFFF; background:#778899">#778899
</td></tr>
<tr>
<td style="color:#000000; background:LightSteelBlue">LightsteelBlue
</td>
<td style="color:#000000; background:#B0C4DE">#B0C4DE
</td></tr>
<tr>
<td style="color:#000000; background:CornflowerBlue">CornflowerBlue
</td>
<td style="color:#000000; background:#6495ED">#6495ED
</td></tr>
<tr>
<td style="color:#000000; background:Lavender">Lavender
</td>
<td style="color:#000000; background:#E6E6FA">#E6E6FA
</td></tr>
<tr>
<td style="color:#000000; background:GhostWhite">GhostWhite
</td>
<td style="color:#000000; background:#F8F8FF">#F8F8FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MidnightBlue">MidnightBlue
</td>
<td style="color:#FFFFFF; background:#191970">#191970
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SlateBlue">SlateBlue
</td>
<td style="color:#FFFFFF; background:#6A5ACD">#6A5ACD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkSlateBlue">DarkSlateBlue
</td>
<td style="color:#FFFFFF; background:#483D8B">#483D8B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RebeccaPurple">RebeccaPurple
</td>
<td style="color:#FFFFFF; background:#663399">#663399
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumSlateBlue">MediumSlateBlue
</td>
<td style="color:#FFFFFF; background:#7B68EE">#7B68EE
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumPurple">MediumPurple
</td>
<td style="color:#FFFFFF; background:#9370DB">#9370DB
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Indigo">Indigo
</td>
<td style="color:#FFFFFF; background:#4B0082">#4B0082
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumOrchid">MediumOrchid
</td>
<td style="color:#FFFFFF; background:#BA55D3">#BA55D3
</td></tr>
<tr>
<td style="color:#000000; background:Plum">Plum
</td>
<td style="color:#000000; background:#DDA0DD">#DDA0DD
</td></tr>
<tr>
<td style="color:#000000; background:Violet">Violet
</td>
<td style="color:#000000; background:#EE82EE">#EE82EE
</td></tr>
<tr>
<td style="color:#000000; background:Thistle">Thistle
</td>
<td style="color:#000000; background:#D8BFD8">#D8BFD8
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Orchid">Orchid
</td>
<td style="color:#FFFFFF; background:#DA70D6">#DA70D6
</td></tr>
<tr>
<td style="color:#000000; background:LavenderBlush">LavenderBlush
</td>
<td style="color:#000000; background:#FFF0F5">#FFF0F5
</td></tr>
<tr>
<td style="color:#FFFFFF; background:PaleVioletRed">PaleVioletRed
</td>
<td style="color:#FFFFFF; background:#DB7093">#DB7093
</td></tr>
<tr>
<td style="color:#000000; background:Pink">Pink
</td>
<td style="color:#000000; background:#FFC0CB">#FFC0CB
</td></tr>
<tr>
<td style="color:#000000; background:LightPink">LightPink
</td>
<td style="color:#000000; background:#FFB6C1">#FFB6C1
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Black">Black
</td>
<td style="color:#FFFFFF; background:#000000">#000000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DimGray">DimGray
</td>
<td style="color:#FFFFFF; background:#696969">#696969
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Gray">Gray
</td>
<td style="color:#FFFFFF; background:#808080">#808080
</td></tr>
<tr>
<td style="color:#000000; background:DarkGray">DarkGray
</td>
<td style="color:#000000; background:#A9A9A9">#A9A9A9
</td></tr>
<tr>
<td style="color:#000000; background:Silver">Silver
</td>
<td style="color:#000000; background:#C0C0C0">#C0C0C0
</td></tr>
<tr>
<td style="color:#000000; background:LightGray">LightGray
</td>
<td style="color:#000000; background:#D3D3D3">#D3D3D3
</td></tr>
<tr>
<td style="color:#000000; background:Gainsboro">Gainsboro
</td>
<td style="color:#000000; background:#DCDCDC">#DCDCDC
</td></tr>
<tr>
<td style="color:#000000; background:WhiteSmoke">WhiteSmoke
</td>
<td style="color:#000000; background:#F5F5F5">#F5F5F5
</td></tr>
<tr>
<td style="color:#000000; background:White">White
</td>
<td style="color:#000000; background:#FFFFFF">#FFFFFF
</td></tr></tbody></table>
</td>
<td style="width:33%">
<table class="wikitable" style="width:100%; margin:0;">

<tbody><tr class="hintergrundfarbe5">
<th colspan="2" style="font-family: sans-serif;">Nach Helligkeit (<a href="CIE-Normvalenzsystem" title="CIE-Normvalenzsystem">CIE</a>)
</th></tr>
<tr>
<td style="color:#FFFFFF; background:black">Black
</td>
<td style="color:#FFFFFF; background:#000000">#000000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:navy">Navy
</td>
<td style="color:#FFFFFF; background:#000080">#000080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkblue">DarkBlue
</td>
<td style="color:#FFFFFF; background:#00008B">#00008B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Mediumblue">MediumBlue
</td>
<td style="color:#FFFFFF; background:#0000CD">#0000CD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:midnightblue">MidnightBlue
</td>
<td style="color:#FFFFFF; background:#191970">#191970
</td></tr>
<tr>
<td style="color:#FFFFFF; background:indigo">Indigo
</td>
<td style="color:#FFFFFF; background:#4B0082">#4B0082
</td></tr>
<tr>
<td style="color:#FFFFFF; background:blue">Blue
</td>
<td style="color:#FFFFFF; background:#0000FF">#0000FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:maroon">Maroon
</td>
<td style="color:#FFFFFF; background:#800000">#800000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkred">DarkRed
</td>
<td style="color:#FFFFFF; background:#8B0000">#8B0000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:purple">Purple
</td>
<td style="color:#FFFFFF; background:#800080">#800080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RebeccaPurple">RebeccaPurple
</td>
<td style="color:#FFFFFF; background:#663399">#663399
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkmagenta">DarkMagenta
</td>
<td style="color:#FFFFFF; background:#8B008B">#8B008B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkviolet">DarkViolet
</td>
<td style="color:#FFFFFF; background:#9400D3">#9400D3
</td></tr>
<tr>
<td style="color:#FFFFFF; background:saddlebrown">SaddleBrown
</td>
<td style="color:#FFFFFF; background:#8B4513">#8B4513
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkslateblue">DarkSlateBlue
</td>
<td style="color:#FFFFFF; background:#483D8B">#483D8B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkgreen">DarkGreen
</td>
<td style="color:#FFFFFF; background:#006400">#006400
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkslategray">DarkSlateGray
</td>
<td style="color:#FFFFFF; background:#2F4F4F">#2F4F4F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:brown">Brown
</td>
<td style="color:#FFFFFF; background:#A52A2A">#A52A2A
</td></tr>
<tr>
<td style="color:#FFFFFF; background:firebrick">FireBrick
</td>
<td style="color:#FFFFFF; background:#B22222">#B22222
</td></tr>
<tr>
<td style="color:#FFFFFF; background:sienna">Sienna
</td>
<td style="color:#FFFFFF; background:#A0522D">#A0522D
</td></tr>
<tr>
<td style="color:#FFFFFF; background:blueviolet">BlueViolet
</td>
<td style="color:#FFFFFF; background:#8A2BE2">#8A2BE2
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkolivegreen">DarkOliveGreen
</td>
<td style="color:#FFFFFF; background:#556B2F">#556B2F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:green">Green
</td>
<td style="color:#FFFFFF; background:#008000">#008000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:crimson">Crimson
</td>
<td style="color:#FFFFFF; background:#DC143C">#DC143C
</td></tr>
<tr>
<td style="color:#FFFFFF; background:mediumvioletred">MediumVioletRed
</td>
<td style="color:#FFFFFF; background:#C71585">#C71585
</td></tr>
<tr>
<td style="color:#FFFFFF; background:red">Red
</td>
<td style="color:#FFFFFF; background:#FF0000">#FF0000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkorchid">DarkOrchid
</td>
<td style="color:#FFFFFF; background:#9932CC">#9932CC
</td></tr>
<tr>
<td style="color:#FFFFFF; background:teal">Teal
</td>
<td style="color:#FFFFFF; background:#008080">#008080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:dimgray">DimGray
</td>
<td style="color:#FFFFFF; background:#696969">#696969
</td></tr>
<tr>
<td style="color:#FFFFFF; background:chocolate">Chocolate
</td>
<td style="color:#FFFFFF; background:#D2691E">#D2691E
</td></tr>
<tr>
<td style="color:#FFFFFF; background:magenta">Magenta/Fuchsia
</td>
<td style="color:#FFFFFF; background:#FF00FF">#FF00FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:slateblue">SlateBlue
</td>
<td style="color:#FFFFFF; background:#6A5ACD">#6A5ACD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:olive">Olive
</td>
<td style="color:#FFFFFF; background:#808000">#808000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:indianred">IndianRed
</td>
<td style="color:#FFFFFF; background:#CD5C5C">#CD5C5C
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkcyan">DarkCyan
</td>
<td style="color:#FFFFFF; background:#008B8B">#008B8B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:orangered">OrangeRed
</td>
<td style="color:#FFFFFF; background:#FF4500">#FF4500
</td></tr>
<tr>
<td style="color:#FFFFFF; background:royalblue">RoyalBlue
</td>
<td style="color:#FFFFFF; background:#4169E1">#4169E1
</td></tr>
<tr>
<td style="color:#FFFFFF; background:forestgreen">ForestGreen
</td>
<td style="color:#FFFFFF; background:#228B22">#228B22
</td></tr>
<tr>
<td style="color:#FFFFFF; background:mediumorchid">MediumOrchid
</td>
<td style="color:#FFFFFF; background:#BA55D3">#BA55D3
</td></tr>
<tr>
<td style="color:#FFFFFF; background:deeppink">DeepPink
</td>
<td style="color:#FFFFFF; background:#FF1493">#FF1493
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkgoldenrod">DarkGoldenrod
</td>
<td style="color:#FFFFFF; background:#B8860B">#B8860B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:seagreen">SeaGreen
</td>
<td style="color:#FFFFFF; background:#2E8B57">#2E8B57
</td></tr>
<tr>
<td style="color:#FFFFFF; background:olivedrab">OliveDrab
</td>
<td style="color:#FFFFFF; background:#6B8E23">#6B8E23
</td></tr>
<tr>
<td style="color:#FFFFFF; background:mediumslateblue">MediumSlateBlue
</td>
<td style="color:#FFFFFF; background:#7B68EE">#7B68EE
</td></tr>
<tr>
<td style="color:#FFFFFF; background:tomato">Tomato
</td>
<td style="color:#FFFFFF; background:#FF6347">#FF6347
</td></tr>
<tr>
<td style="color:#FFFFFF; background:palevioletred">PaleVioletRed
</td>
<td style="color:#FFFFFF; background:#DB7093">#DB7093
</td></tr>
<tr>
<td style="color:#FFFFFF; background:gray">Gray
</td>
<td style="color:#FFFFFF; background:#808080">#808080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:slategray">SlateGray
</td>
<td style="color:#FFFFFF; background:#708090">#708090
</td></tr>
<tr>
<td style="color:#FFFFFF; background:peru">Peru
</td>
<td style="color:#FFFFFF; background:#CD853F">#CD853F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:dodgerblue">DodgerBlue
</td>
<td style="color:#FFFFFF; background:#1E90FF">#1E90FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:darkorange">DarkOrange
</td>
<td style="color:#FFFFFF; background:#FF8C00">#FF8C00
</td></tr>
<tr>
<td style="color:#FFFFFF; background:mediumpurple">MediumPurple
</td>
<td style="color:#FFFFFF; background:#9370DB">#9370DB
</td></tr>
<tr>
<td style="color:#FFFFFF; background:steelblue">SteelBlue
</td>
<td style="color:#FFFFFF; background:#4682B4">#4682B4
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Coral">Coral
</td>
<td style="color:#FFFFFF; background:#FF7F50">#FF7F50
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightSlateGray">LightSlateGray
</td>
<td style="color:#FFFFFF; background:#778899">#778899
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Orchid">Orchid
</td>
<td style="color:#FFFFFF; background:#DA70D6">#DA70D6
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Salmon">Salmon
</td>
<td style="color:#FFFFFF; background:#FA8072">#FA8072
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightCoral">LightCoral
</td>
<td style="color:#FFFFFF; background:#F08080">#F08080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:HotPink">HotPink
</td>
<td style="color:#FFFFFF; background:#FF69B4">#FF69B4
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RosyBrown">RosyBrown
</td>
<td style="color:#FFFFFF; background:#BC8F8F">#BC8F8F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Orange">Orange
</td>
<td style="color:#FFFFFF; background:#FFA500">#FFA500
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Goldenrod">Goldenrod
</td>
<td style="color:#FFFFFF; background:#DAA520">#DAA520
</td></tr>
<tr>
<td style="color:#FFFFFF; background:CadetBlue">CadetBlue
</td>
<td style="color:#FFFFFF; background:#5F9EA0">#5F9EA0
</td></tr>
<tr>
<td style="color:#000000; background:LightSeaGreen">LightSeaGreen
</td>
<td style="color:#000000; background:#20B2AA">#20B2AA
</td></tr>
<tr>
<td style="color:#000000; background:DarkSalmon">DarkSalmon
</td>
<td style="color:#000000; background:#E9967A">#E9967A
</td></tr>
<tr>
<td style="color:#000000; background:DeepSkyBlue">DeepSkyBlue
</td>
<td style="color:#000000; background:#00BFFF">#00BFFF
</td></tr>
<tr>
<td style="color:#000000; background:Violet">Violet
</td>
<td style="color:#000000; background:#EE82EE">#EE82EE
</td></tr>
<tr>
<td style="color:#000000; background:CornflowerBlue">CornflowerBlue
</td>
<td style="color:#000000; background:#6495ED">#6495ED
</td></tr>
<tr>
<td style="color:#000000; background:MediumSeaGreen">MediumSeaGreen
</td>
<td style="color:#000000; background:#3CB371">#3CB371
</td></tr>
<tr>
<td style="color:#000000; background:SandyBrown">SandyBrown
</td>
<td style="color:#000000; background:#F4A460">#F4A460
</td></tr>
<tr>
<td style="color:#000000; background:DarkTurquoise">DarkTurquoise
</td>
<td style="color:#000000; background:#00CED1">#00CED1
</td></tr>
<tr>
<td style="color:#000000; background:LightSalmon">LightSalmon
</td>
<td style="color:#000000; background:#FFA07A">#FFA07A
</td></tr>
<tr>
<td style="color:#000000; background:LimeGreen">LimeGreen
</td>
<td style="color:#000000; background:#32CD32">#32CD32
</td></tr>
<tr>
<td style="color:#000000; background:DarkGray">DarkGray
</td>
<td style="color:#000000; background:#A9A9A9">#A9A9A9
</td></tr>
<tr>
<td style="color:#000000; background:DarkKhaki">DarkKhaki
</td>
<td style="color:#000000; background:#BDB76B">#BDB76B
</td></tr>
<tr>
<td style="color:#000000; background:Plum">Plum
</td>
<td style="color:#000000; background:#DDA0DD">#DDA0DD
</td></tr>
<tr>
<td style="color:#000000; background:Tan">Tan
</td>
<td style="color:#000000; background:#D2B48C">#D2B48C
</td></tr>
<tr>
<td style="color:#000000; background:DarkSeaGreen">DarkSeaGreen
</td>
<td style="color:#000000; background:#8FBC8F">#8FBC8F
</td></tr>
<tr>
<td style="color:#000000; background:YellowGreen">YellowGreen
</td>
<td style="color:#000000; background:#9ACD32">#9ACD32
</td></tr>
<tr>
<td style="color:#000000; background:BurlyWood">BurlyWood
</td>
<td style="color:#000000; background:#DEB887">#DEB887
</td></tr>
<tr>
<td style="color:#000000; background:Gold">Gold
</td>
<td style="color:#000000; background:#FFD700">#FFD700
</td></tr>
<tr>
<td style="color:#000000; background:MediumAquamarine">MediumAquamarine
</td>
<td style="color:#000000; background:#66CDAA">#66CDAA
</td></tr>
<tr>
<td style="color:#000000; background:LightPink">LightPink
</td>
<td style="color:#000000; background:#FFB6C1">#FFB6C1
</td></tr>
<tr>
<td style="color:#000000; background:Silver">Silver
</td>
<td style="color:#000000; background:#C0C0C0">#C0C0C0
</td></tr>
<tr>
<td style="color:#000000; background:Lime">Lime
</td>
<td style="color:#000000; background:#00FF00">#00FF00
</td></tr>
<tr>
<td style="color:#000000; background:MediumTurquoise">MediumTurquoise
</td>
<td style="color:#000000; background:#48D1CC">#48D1CC
</td></tr>
<tr>
<td style="color:#000000; background:MediumSpringGreen">MediumSpringGreen
</td>
<td style="color:#000000; background:#00FA9A">#00FA9A
</td></tr>
<tr>
<td style="color:#000000; background:Thistle">Thistle
</td>
<td style="color:#000000; background:#D8BFD8">#D8BFD8
</td></tr>
<tr>
<td style="color:#000000; background:SpringGreen">SpringGreen
</td>
<td style="color:#000000; background:#00FF7F">#00FF7F
</td></tr>
<tr>
<td style="color:#000000; background:LightSteelBlue">LightSteelBlue
</td>
<td style="color:#000000; background:#B0C4DE">#B0C4DE
</td></tr>
<tr>
<td style="color:#000000; background:Pink">Pink
</td>
<td style="color:#000000; background:#FFC0CB">#FFC0CB
</td></tr>
<tr>
<td style="color:#000000; background:Turquoise">Turquoise
</td>
<td style="color:#000000; background:#40E0D0">#40E0D0
</td></tr>
<tr>
<td style="color:#000000; background:Cyan">Cyan/Aqua
</td>
<td style="color:#000000; background:#00FFFF">#00FFFF
</td></tr>
<tr>
<td style="color:#000000; background:LawnGreen">LawnGreen
</td>
<td style="color:#000000; background:#7CFC00">#7CFC00
</td></tr>
<tr>
<td style="color:#000000; background:SkyBlue">SkyBlue
</td>
<td style="color:#000000; background:#87CEEB">#87CEEB
</td></tr>
<tr>
<td style="color:#000000; background:Chartreuse">Chartreuse
</td>
<td style="color:#000000; background:#7FFF00">#7FFF00
</td></tr>
<tr>
<td style="color:#000000; background:LightSkyBlue">LightSkyBlue
</td>
<td style="color:#000000; background:#87CEFA">#87CEFA
</td></tr>
<tr>
<td style="color:#000000; background:LightGray">LightGray
</td>
<td style="color:#000000; background:#D3D3D3">#D3D3D3
</td></tr>
<tr>
<td style="color:#000000; background:LightBlue">LightBlue
</td>
<td style="color:#000000; background:#ADD8E6">#ADD8E6
</td></tr>
<tr>
<td style="color:#000000; background:LightGreen">LightGreen
</td>
<td style="color:#000000; background:#90EE90">#90EE90
</td></tr>
<tr>
<td style="color:#000000; background:GreenYellow">GreenYellow
</td>
<td style="color:#000000; background:#ADFF2F">#ADFF2F
</td></tr>
<tr>
<td style="color:#000000; background:PeachPuff">PeachPuff
</td>
<td style="color:#000000; background:#FFDAB9">#FFDAB9
</td></tr>
<tr>
<td style="color:#000000; background:Yellow">Yellow
</td>
<td style="color:#000000; background:#FF0">#FFFF00
</td></tr>
<tr>
<td style="color:#000000; background:Khaki">Khaki
</td>
<td style="color:#000000; background:#F0E68C">#F0E68C
</td></tr>
<tr>
<td style="color:#000000; background:Wheat">Wheat
</td>
<td style="color:#000000; background:#F5DEB3">#F5DEB3
</td></tr>
<tr>
<td style="color:#000000; background:NavajoWhite">NavajoWhite
</td>
<td style="color:#000000; background:#FFDEAD">#FFDEAD
</td></tr>
<tr>
<td style="color:#000000; background:Gainsboro">Gainsboro
</td>
<td style="color:#000000; background:#DCDCDC">#DCDCDC
</td></tr>
<tr>
<td style="color:#000000; background:PowderBlue">PowderBlue
</td>
<td style="color:#000000; background:#B0E0E6">#B0E0E6
</td></tr>
<tr>
<td style="color:#000000; background:PaleGoldenrod">PaleGoldenrod
</td>
<td style="color:#000000; background:#EEE8AA">#EEE8AA
</td></tr>
<tr>
<td style="color:#000000; background:Moccasin">Moccasin
</td>
<td style="color:#000000; background:#FFE4B5">#FFE4B5
</td></tr>
<tr>
<td style="color:#000000; background:Bisque">Bisque
</td>
<td style="color:#000000; background:#FFE4C4">#FFE4C4
</td></tr>
<tr>
<td style="color:#000000; background:PaleGreen">PaleGreen
</td>
<td style="color:#000000; background:#98FB98">#98FB98
</td></tr>
<tr>
<td style="color:#000000; background:MistyRose">MistyRose
</td>
<td style="color:#000000; background:#FFE4E1">#FFE4E1
</td></tr>
<tr>
<td style="color:#000000; background:PaleTurquoise">PaleTurquoise
</td>
<td style="color:#000000; background:#AFEEEE">#AFEEEE
</td></tr>
<tr>
<td style="color:#000000; background:BlanchedAlmond">BlanchedAlmond
</td>
<td style="color:#000000; background:#FFEBCD">#FFEBCD
</td></tr>
<tr>
<td style="color:#000000; background:Lavender">Lavender
</td>
<td style="color:#000000; background:#E6E6FA">#E6E6FA
</td></tr>
<tr>
<td style="color:#000000; background:AntiqueWhite">AntiqueWhite
</td>
<td style="color:#000000; background:#FAEBD7">#FAEBD7
</td></tr>
<tr>
<td style="color:#000000; background:Aquamarine">Aquamarine
</td>
<td style="color:#000000; background:#7FFFD4">#7FFFD4
</td></tr>
<tr>
<td style="color:#000000; background:PapayaWhip">PapayaWhip
</td>
<td style="color:#000000; background:#FFEFD5">#FFEFD5
</td></tr>
<tr>
<td style="color:#000000; background:Linen">Linen
</td>
<td style="color:#000000; background:#FAF0E6">#FAF0E6
</td></tr>
<tr>
<td style="color:#000000; background:Beige">Beige
</td>
<td style="color:#000000; background:#F5F5DC">#F5F5DC
</td></tr>
<tr>
<td style="color:#000000; background:LavenderBlush">LavenderBlush
</td>
<td style="color:#000000; background:#FFF0F5">#FFF0F5
</td></tr>
<tr>
<td style="color:#000000; background:OldLace">OldLace
</td>
<td style="color:#000000; background:#FDF5E6">#FDF5E6
</td></tr>
<tr>
<td style="color:#000000; background:LemonChiffon">LemonChiffon
</td>
<td style="color:#000000; background:#FFFACD">#FFFACD
</td></tr>
<tr>
<td style="color:#000000; background:LightGoldenrodYellow">LightGoldenrodYellow
</td>
<td style="color:#000000; background:#FAFAD2">#FAFAD2
</td></tr>
<tr>
<td style="color:#000000; background:Cornsilk">Cornsilk
</td>
<td style="color:#000000; background:#FFF8DC">#FFF8DC
</td></tr>
<tr>
<td style="color:#000000; background:Seashell">Seashell
</td>
<td style="color:#000000; background:#FFF5EE">#FFF5EE
</td></tr>
<tr>
<td style="color:#000000; background:WhiteSmoke">WhiteSmoke
</td>
<td style="color:#000000; background:#F5F5F5">#F5F5F5
</td></tr>
<tr>
<td style="color:#000000; background:AliceBlue">AliceBlue
</td>
<td style="color:#000000; background:#F0F8FF">#F0F8FF
</td></tr>
<tr>
<td style="color:#000000; background:FloralWhite">FloralWhite
</td>
<td style="color:#000000; background:#FFFAF0">#FFFAF0
</td></tr>
<tr>
<td style="color:#000000; background:GhostWhite">GhostWhite
</td>
<td style="color:#000000; background:#F8F8FF">#F8F8FF
</td></tr>
<tr>
<td style="color:#000000; background:LightYellow">LightYellow
</td>
<td style="color:#000000; background:#FFFFE0">#FFFFE0
</td></tr>
<tr>
<td style="color:#000000; background:Snow">Snow
</td>
<td style="color:#000000; background:#FFFAFA">#FFFAFA
</td></tr>
<tr>
<td style="color:#000000; background:Honeydew">Honeydew
</td>
<td style="color:#000000; background:#F0FFF0">#F0FFF0
</td></tr>
<tr>
<td style="color:#000000; background:LightCyan">LightCyan
</td>
<td style="color:#000000; background:#E0FFFF">#E0FFFF
</td></tr>
<tr>
<td style="color:#000000; background:Ivory">Ivory
</td>
<td style="color:#000000; background:#FFFFF0">#FFFFF0
</td></tr>
<tr>
<td style="color:#000000; background:MintCream">MintCream
</td>
<td style="color:#000000; background:#F5FFFA">#F5FFFA
</td></tr>
<tr>
<td style="color:#000000; background:Azure">Azure
</td>
<td style="color:#000000; background:#F0FFFF">#F0FFFF
</td></tr>
<tr>
<td style="color:#000000; background:White">White
</td>
<td style="color:#000000; background:#FFFFFF">#FFFFFF
</td></tr></tbody></table>
</td>
<td style="width:33%">
<table class="wikitable sortable" style="width:100%; margin:0;">

<tbody><tr class="hintergrundfarbe5">
<th style="font-family: sans-serif;">Alphabetisch
</th>
<th style="font-family: sans-serif;">Code
</th></tr>
<tr>
<td style="color:#000000; background:AliceBlue">AliceBlue
</td>
<td style="color:#000000; background:#F0F8FF">#F0F8FF
</td></tr>
<tr>
<td style="color:#000000; background:AntiqueWhite">AntiqueWhite
</td>
<td style="color:#000000; background:#FAEBD7">#FAEBD7
</td></tr>
<tr>
<td style="color:#000000; background:Aquamarine">Aquamarine
</td>
<td style="color:#000000; background:#7FFFD4">#7FFFD4
</td></tr>
<tr>
<td style="color:#000000; background:Azure">Azure
</td>
<td style="color:#000000; background:#F0FFFF">#F0FFFF
</td></tr>
<tr>
<td style="color:#000000; background:Beige">Beige
</td>
<td style="color:#000000; background:#F5F5DC">#F5F5DC
</td></tr>
<tr>
<td style="color:#000000; background:Bisque">Bisque
</td>
<td style="color:#000000; background:#FFE4C4">#FFE4C4
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Black">Black
</td>
<td style="color:#FFFFFF; background:#000000">#000000
</td></tr>
<tr>
<td style="color:#000000; background:BlanchedAlmond">BlanchedAlmond
</td>
<td style="color:#000000; background:#FFEBCD">#FFEBCD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Blue">Blue
</td>
<td style="color:#FFFFFF; background:#0000FF">#0000FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:BlueViolet">BlueViolet
</td>
<td style="color:#FFFFFF; background:#8A2BE2">#8A2BE2
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Brown">Brown
</td>
<td style="color:#FFFFFF; background:#A52A2A">#A52A2A
</td></tr>
<tr>
<td style="color:#000000; background:BurlyWood">BurlyWood
</td>
<td style="color:#000000; background:#DEB887">#DEB887
</td></tr>
<tr>
<td style="color:#FFFFFF; background:CadetBlue">CadetBlue
</td>
<td style="color:#FFFFFF; background:#5F9EA0">#5F9EA0
</td></tr>
<tr>
<td style="color:#000000; background:Chartreuse">Chartreuse
</td>
<td style="color:#000000; background:#7FFF00">#7FFF00
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Chocolate">Chocolate
</td>
<td style="color:#FFFFFF; background:#D2691E">#D2691E
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Coral">Coral
</td>
<td style="color:#FFFFFF; background:#FF7F50">#FF7F50
</td></tr>
<tr>
<td style="color:#000000; background:CornflowerBlue">CornflowerBlue
</td>
<td style="color:#000000; background:#6495ED">#6495ED
</td></tr>
<tr>
<td style="color:#000000; background:Cornsilk">Cornsilk
</td>
<td style="color:#000000; background:#FFF8DC">#FFF8DC
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Crimson">Crimson
</td>
<td style="color:#FFFFFF; background:#DC143C">#DC143C
</td></tr>
<tr>
<td style="color:#000000; background:Cyan">Cyan/Aqua
</td>
<td style="color:#000000; background:#00FFFF">#00FFFF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkBlue">DarkBlue
</td>
<td style="color:#FFFFFF; background:#00008B">#00008B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkCyan">DarkCyan
</td>
<td style="color:#FFFFFF; background:#008B8B">#008B8B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkGoldenrod">DarkGoldenrod
</td>
<td style="color:#FFFFFF; background:#B8860B">#B8860B
</td></tr>
<tr>
<td style="color:#000000; background:DarkGray">DarkGray
</td>
<td style="color:#000000; background:#A9A9A9">#A9A9A9
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkGreen">DarkGreen
</td>
<td style="color:#FFFFFF; background:#006400">#006400
</td></tr>
<tr>
<td style="color:#000000; background:DarkKhaki">DarkKhaki
</td>
<td style="color:#000000; background:#BDB76B">#BDB76B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkMagenta">DarkMagenta
</td>
<td style="color:#FFFFFF; background:#8B008B">#8B008B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkOliveGreen">DarkOliveGreen
</td>
<td style="color:#FFFFFF; background:#556B2F">#556B2F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkOrange">DarkOrange
</td>
<td style="color:#FFFFFF; background:#FF8C00">#FF8C00
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkOrchid">DarkOrchid
</td>
<td style="color:#FFFFFF; background:#9932CC">#9932CC
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkRed">DarkRed
</td>
<td style="color:#FFFFFF; background:#8B0000">#8B0000
</td></tr>
<tr>
<td style="color:#000000; background:DarkSalmon">DarkSalmon
</td>
<td style="color:#000000; background:#E9967A">#E9967A
</td></tr>
<tr>
<td style="color:#000000; background:DarkSeaGreen">DarkSeaGreen
</td>
<td style="color:#000000; background:#8FBC8F">#8FBC8F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkSlateBlue">DarkSlateBlue
</td>
<td style="color:#FFFFFF; background:#483D8B">#483D8B
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkSlateGray">DarkSlateGray
</td>
<td style="color:#FFFFFF; background:#2F4F4F">#2F4F4F
</td></tr>
<tr>
<td style="color:#000000; background:DarkTurquoise">DarkTurquoise
</td>
<td style="color:#000000; background:#00CED1">#00CED1
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DarkViolet">DarkViolet
</td>
<td style="color:#FFFFFF; background:#9400D3">#9400D3
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DeepPink">DeepPink
</td>
<td style="color:#FFFFFF; background:#FF1493">#FF1493
</td></tr>
<tr>
<td style="color:#000000; background:DeepSkyBlue">DeepSkyBlue
</td>
<td style="color:#000000; background:#00BFFF">#00BFFF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DimGray">DimGray
</td>
<td style="color:#FFFFFF; background:#696969">#696969
</td></tr>
<tr>
<td style="color:#FFFFFF; background:DodgerBlue">DodgerBlue
</td>
<td style="color:#FFFFFF; background:#1E90FF">#1E90FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:FireBrick">FireBrick
</td>
<td style="color:#FFFFFF; background:#B22222">#B22222
</td></tr>
<tr>
<td style="color:#000000; background:FloralWhite">FloralWhite
</td>
<td style="color:#000000; background:#FFFAF0">#FFFAF0
</td></tr>
<tr>
<td style="color:#FFFFFF; background:ForestGreen">ForestGreen
</td>
<td style="color:#FFFFFF; background:#228B22">#228B22
</td></tr>
<tr>
<td style="color:#000000; background:Gainsboro">Gainsboro
</td>
<td style="color:#000000; background:#DCDCDC">#DCDCDC
</td></tr>
<tr>
<td style="color:#000000; background:GhostWhite">GhostWhite
</td>
<td style="color:#000000; background:#F8F8FF">#F8F8FF
</td></tr>
<tr>
<td style="color:#000000; background:Gold">Gold
</td>
<td style="color:#000000; background:#FFD700">#FFD700
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Goldenrod">Goldenrod
</td>
<td style="color:#FFFFFF; background:#DAA520">#DAA520
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Gray">Gray
</td>
<td style="color:#FFFFFF; background:#808080">#808080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Green">Green
</td>
<td style="color:#FFFFFF; background:#008000">#008000
</td></tr>
<tr>
<td style="color:#000000; background:GreenYellow">GreenYellow
</td>
<td style="color:#000000; background:#ADFF2F">#ADFF2F
</td></tr>
<tr>
<td style="color:#000000; background:Honeydew">Honeydew
</td>
<td style="color:#000000; background:#F0FFF0">#F0FFF0
</td></tr>
<tr>
<td style="color:#FFFFFF; background:HotPink">HotPink
</td>
<td style="color:#FFFFFF; background:#FF69B4">#FF69B4
</td></tr>
<tr>
<td style="color:#FFFFFF; background:IndianRed">IndianRed
</td>
<td style="color:#FFFFFF; background:#CD5C5C">#CD5C5C
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Indigo">Indigo
</td>
<td style="color:#FFFFFF; background:#4B0082">#4B0082
</td></tr>
<tr>
<td style="color:#000000; background:Ivory">Ivory
</td>
<td style="color:#000000; background:#FFFFF0">#FFFFF0
</td></tr>
<tr>
<td style="color:#000000; background:Khaki">Khaki
</td>
<td style="color:#000000; background:#F0E68C">#F0E68C
</td></tr>
<tr>
<td style="color:#000000; background:Lavender">Lavender
</td>
<td style="color:#000000; background:#E6E6FA">#E6E6FA
</td></tr>
<tr>
<td style="color:#000000; background:LavenderBlush">LavenderBlush
</td>
<td style="color:#000000; background:#FFF0F5">#FFF0F5
</td></tr>
<tr>
<td style="color:#000000; background:LawnGreen">LawnGreen
</td>
<td style="color:#000000; background:#7CFC00">#7CFC00
</td></tr>
<tr>
<td style="color:#000000; background:LemonChiffon">LemonChiffon
</td>
<td style="color:#000000; background:#FFFACD">#FFFACD
</td></tr>
<tr>
<td style="color:#000000; background:LightBlue">LightBlue
</td>
<td style="color:#000000; background:#ADD8E6">#ADD8E6
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightCoral">LightCoral
</td>
<td style="color:#FFFFFF; background:#F08080">#F08080
</td></tr>
<tr>
<td style="color:#000000; background:LightCyan">LightCyan
</td>
<td style="color:#000000; background:#E0FFFF">#E0FFFF
</td></tr>
<tr>
<td style="color:#000000; background:LightGoldenrodYellow">LightGoldenrodYellow
</td>
<td style="color:#000000; background:#FAFAD2">#FAFAD2
</td></tr>
<tr>
<td style="color:#000000; background:LightGreen">LightGreen
</td>
<td style="color:#000000; background:#90EE90">#90EE90
</td></tr>
<tr>
<td style="color:#000000; background:LightGray">LightGray
</td>
<td style="color:#000000; background:#D3D3D3">#D3D3D3
</td></tr>
<tr>
<td style="color:#000000; background:LightPink">LightPink
</td>
<td style="color:#000000; background:#FFB6C1">#FFB6C1
</td></tr>
<tr>
<td style="color:#000000; background:LightSalmon">LightSalmon
</td>
<td style="color:#000000; background:#FFA07A">#FFA07A
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightSeaGreen">LightSeaGreen
</td>
<td style="color:#FFFFFF; background:#20B2AA">#20B2AA
</td></tr>
<tr>
<td style="color:#000000; background:LightSkyBlue">LightSkyBlue
</td>
<td style="color:#000000; background:#87CEFA">#87CEFA
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LightSlateGray">LightSlateGray
</td>
<td style="color:#FFFFFF; background:#778899">#778899
</td></tr>
<tr>
<td style="color:#000000; background:LightSteelBlue">LightSteelBlue
</td>
<td style="color:#000000; background:#B0C4DE">#B0C4DE
</td></tr>
<tr>
<td style="color:#000000; background:LightYellow">LightYellow
</td>
<td style="color:#000000; background:#FFFFE0">#FFFFE0
</td></tr>
<tr>
<td style="color:#000000; background:Lime">Lime
</td>
<td style="color:#000000; background:#00FF00">#00FF00
</td></tr>
<tr>
<td style="color:#FFFFFF; background:LimeGreen">LimeGreen
</td>
<td style="color:#FFFFFF; background:#32CD32">#32CD32
</td></tr>
<tr>
<td style="color:#000000; background:Linen">Linen
</td>
<td style="color:#000000; background:#FAF0E6">#FAF0E6
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Magenta">Magenta/Fuchsia
</td>
<td style="color:#FFFFFF; background:#FF00FF">#FF00FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Maroon">Maroon
</td>
<td style="color:#FFFFFF; background:#800000">#800000
</td></tr>
<tr>
<td style="color:#000000; background:MediumAquamarine">MediumAquamarine
</td>
<td style="color:#000000; background:#66CDAA">#66CDAA
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumBlue">MediumBlue
</td>
<td style="color:#FFFFFF; background:#0000CD">#0000CD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumOrchid">MediumOrchid
</td>
<td style="color:#FFFFFF; background:#BA55D3">#BA55D3
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumPurple">MediumPurple
</td>
<td style="color:#FFFFFF; background:#9370DB">#9370DB
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumSeaGreen">MediumSeaGreen
</td>
<td style="color:#FFFFFF; background:#3CB371">#3CB371
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumSlateBlue">MediumSlateBlue
</td>
<td style="color:#FFFFFF; background:#7B68EE">#7B68EE
</td></tr>
<tr>
<td style="color:#000000; background:MediumSpringGreen">MediumSpringGreen
</td>
<td style="color:#000000; background:#00FA9A">#00FA9A
</td></tr>
<tr>
<td style="color:#000000; background:MediumTurquoise">MediumTurquoise
</td>
<td style="color:#000000; background:#48D1CC">#48D1CC
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MediumVioletRed">MediumVioletRed
</td>
<td style="color:#FFFFFF; background:#C71585">#C71585
</td></tr>
<tr>
<td style="color:#FFFFFF; background:MidnightBlue">MidnightBlue
</td>
<td style="color:#FFFFFF; background:#191970">#191970
</td></tr>
<tr>
<td style="color:#000000; background:MintCream">MintCream
</td>
<td style="color:#000000; background:#F5FFFA">#F5FFFA
</td></tr>
<tr>
<td style="color:#000000; background:MistyRose">MistyRose
</td>
<td style="color:#000000; background:#FFE4E1">#FFE4E1
</td></tr>
<tr>
<td style="color:#000000; background:Moccasin">Moccasin
</td>
<td style="color:#000000; background:#FFE4B5">#FFE4B5
</td></tr>
<tr>
<td style="color:#000000; background:NavajoWhite">NavajoWhite
</td>
<td style="color:#000000; background:#FFDEAD">#FFDEAD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Navy">Navy
</td>
<td style="color:#FFFFFF; background:#000080">#000080
</td></tr>
<tr>
<td style="color:#000000; background:OldLace">OldLace
</td>
<td style="color:#000000; background:#FDF5E6">#FDF5E6
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Olive">Olive
</td>
<td style="color:#FFFFFF; background:#808000">#808000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:OliveDrab">OliveDrab
</td>
<td style="color:#FFFFFF; background:#6B8E23">#6B8E23
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Orange">Orange
</td>
<td style="color:#FFFFFF; background:#FFA500">#FFA500
</td></tr>
<tr>
<td style="color:#FFFFFF; background:OrangeRed">OrangeRed
</td>
<td style="color:#FFFFFF; background:#FF4500">#FF4500
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Orchid">Orchid
</td>
<td style="color:#FFFFFF; background:#DA70D6">#DA70D6
</td></tr>
<tr>
<td style="color:#000000; background:PaleGoldenrod">PaleGoldenrod
</td>
<td style="color:#000000; background:#EEE8AA">#EEE8AA
</td></tr>
<tr>
<td style="color:#000000; background:PaleGreen">PaleGreen
</td>
<td style="color:#000000; background:#98FB98">#98FB98
</td></tr>
<tr>
<td style="color:#000000; background:PaleTurquoise">PaleTurquoise
</td>
<td style="color:#000000; background:#AFEEEE">#AFEEEE
</td></tr>
<tr>
<td style="color:#FFFFFF; background:PaleVioletRed">PaleVioletRed
</td>
<td style="color:#FFFFFF; background:#DB7093">#DB7093
</td></tr>
<tr>
<td style="color:#000000; background:PapayaWhip">PapayaWhip
</td>
<td style="color:#000000; background:#FFEFD5">#FFEFD5
</td></tr>
<tr>
<td style="color:#000000; background:PeachPuff">PeachPuff
</td>
<td style="color:#000000; background:#FFDAB9">#FFDAB9
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Peru">Peru
</td>
<td style="color:#FFFFFF; background:#CD853F">#CD853F
</td></tr>
<tr>
<td style="color:#000000; background:Pink">Pink
</td>
<td style="color:#000000; background:#FFC0CB">#FFC0CB
</td></tr>
<tr>
<td style="color:#000000; background:Plum">Plum
</td>
<td style="color:#000000; background:#DDA0DD">#DDA0DD
</td></tr>
<tr>
<td style="color:#000000; background:PowderBlue">PowderBlue
</td>
<td style="color:#000000; background:#B0E0E6">#B0E0E6
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Purple">Purple
</td>
<td style="color:#FFFFFF; background:#800080">#800080
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RebeccaPurple">RebeccaPurple
</td>
<td style="color:#FFFFFF; background:#663399">#663399
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Red">Red
</td>
<td style="color:#FFFFFF; background:#FF0000">#FF0000
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RosyBrown">RosyBrown
</td>
<td style="color:#FFFFFF; background:#BC8F8F">#BC8F8F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:RoyalBlue">RoyalBlue
</td>
<td style="color:#FFFFFF; background:#4169E1">#4169E1
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SaddleBrown">SaddleBrown
</td>
<td style="color:#FFFFFF; background:#8B4513">#8B4513
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Salmon">Salmon
</td>
<td style="color:#FFFFFF; background:#FA8072">#FA8072
</td></tr>
<tr>
<td style="color:#000000; background:SandyBrown">SandyBrown
</td>
<td style="color:#000000; background:#F4A460">#F4A460
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SeaGreen">SeaGreen
</td>
<td style="color:#FFFFFF; background:#2E8B57">#2E8B57
</td></tr>
<tr>
<td style="color:#000000; background:Seashell">Seashell
</td>
<td style="color:#000000; background:#FFF5EE">#FFF5EE
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Sienna">Sienna
</td>
<td style="color:#FFFFFF; background:#A0522D">#A0522D
</td></tr>
<tr>
<td style="color:#000000; background:Silver">Silver
</td>
<td style="color:#000000; background:#C0C0C0">#C0C0C0
</td></tr>
<tr>
<td style="color:#000000; background:SkyBlue">SkyBlue
</td>
<td style="color:#000000; background:#87CEEB">#87CEEB
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SlateBlue">SlateBlue
</td>
<td style="color:#FFFFFF; background:#6A5ACD">#6A5ACD
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SlateGray">SlateGray
</td>
<td style="color:#FFFFFF; background:#708090">#708090
</td></tr>
<tr>
<td style="color:#000000; background:Snow">Snow
</td>
<td style="color:#000000; background:#FFFAFA">#FFFAFA
</td></tr>
<tr>
<td style="color:#000000; background:SpringGreen">SpringGreen
</td>
<td style="color:#000000; background:#00FF7F">#00FF7F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:SteelBlue">SteelBlue
</td>
<td style="color:#FFFFFF; background:#4682B4">#4682B4
</td></tr>
<tr>
<td style="color:#000000; background:Tan">Tan
</td>
<td style="color:#000000; background:#D2B48C">#D2B48C
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Teal">Teal
</td>
<td style="color:#FFFFFF; background:#008080">#008080
</td></tr>
<tr>
<td style="color:#000000; background:Thistle">Thistle
</td>
<td style="color:#000000; background:#D8BFD8">#D8BFD8
</td></tr>
<tr>
<td style="color:#FFFFFF; background:Tomato">Tomato
</td>
<td style="color:#FFFFFF; background:#FF6347">#FF6347
</td></tr>
<tr>
<td style="color:#000000; background:Turquoise">Turquoise
</td>
<td style="color:#000000; background:#40E0D0">#40E0D0
</td></tr>
<tr>
<td style="color:#000000; background:Violet">Violet
</td>
<td style="color:#000000; background:#EE82EE">#EE82EE
</td></tr>
<tr>
<td style="color:#000000; background:Wheat">Wheat
</td>
<td style="color:#000000; background:#F5DEB3">#F5DEB3
</td></tr>
<tr>
<td style="color:#000000; background:White">White
</td>
<td style="color:#000000; background:#FFFFFF">#FFFFFF
</td></tr>
<tr>
<td style="color:#000000; background:WhiteSmoke">WhiteSmoke
</td>
<td style="color:#000000; background:#F5F5F5">#F5F5F5
</td></tr>
<tr>
<td style="color:#000000; background:Yellow">Yellow
</td>
<td style="color:#000000; background:#FFFF00">#FFFF00
</td></tr>
<tr>
<td style="color:#000000; background:YellowGreen">YellowGreen
</td>
<td style="color:#000000; background:#9ACD32">#9ACD32
</td></tr></tbody></table>
</td></tr></tbody></table>
<p>Hierbei kann statt der Silbe <i>gray</i> auch <i>grey</i> geschrieben werden. Ferner repräsentieren <i>aqua</i> und <i>cyan</i> sowie <i>fuchsia</i> und <i>magenta</i> jeweils dieselbe Farbe. Die Liste setzt sich im Wesentlichen aus den 120 Farben des Netscape-Browsers und den 16 VGA-Farben zusammen. Die Farben <i>bisque</i> (#FFE4C4) und <i>blanchedalmond</i> (#FFEBCD) stammen nicht von dort.
</p><p>2014 wurde die Farbe <i>rebeccapurple</i> (#663399) in Erinnerung an Eric Meyers Tochter Rebecca, die an ihrem sechsten Geburtstag an einem Hirntumor starb, neu aufgenommen.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading3"><h3 id="Herstellerabhängige_Farbnamen"><span id="Herstellerabh.C3.A4ngige_Farbnamen"></span>Herstellerabhängige Farbnamen</h3></div>
<p>Zusätzlich haben die Hersteller von <a href="Webbrowser" title="Webbrowser">Browsern</a> eine Vielzahl von Farbnamen definiert. Bei diesen ist aber nicht sichergestellt, dass alle Browser diese Farbnamen auch interpretieren können.
</p>
<div class="mw-heading mw-heading2"><h2 id="Websichere_Farben">Websichere Farben</h2></div>
<p>Mit Beginn der Webgestaltungen wurde eine Bezeichnungsgruppe von Farben als „websichere Farbpalette“ bezeichnet. Diese wurde Mitte der 1990er Jahre entwickelt, als Grafikkarten häufig bei voller Auflösung nur 16 oder 256 Farben anzeigen konnten<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>. Die Palette wurde zuerst durch Lynda Weinman vorgeschlagen. Das Ziel dieser Farbpalette war es, eine einheitliche Farbdarstellung auf unterschiedlichen Bildschirmen zu erreichen. Die sechs verschiedenen Farbtönungen jeder Grundfarbe des Bildschirms: Rot, Grün und Blau ergab 6&nbsp;×&nbsp;6&nbsp;×&nbsp;6 = 6<sup>3</sup> = 216 darstellbare Farben.
</p><p>Der Spielraum für eine gute Farbgestaltung von Webseiten ist zwangsläufig eingeschränkt. Durch unzureichend kalibrierte Bildschirme und die subjektive Wahrnehmung des Betrachters konnte dieses Ziel von Gleichheit nicht erreicht werden. Spätestens seit dem Jahr 2000 können fast alle Grafikkarten eine ausreichend große Anzahl darstellen. Bei einer Notierung von 256 unterschiedenen Anteilen je der drei bildschirmbedingten Grundfarben ergeben sich 256<sup>3</sup> also über 16,7 Millionen Farbdarstellungen. Dadurch hat die Palette der „websicheren Farben“ heute keine Bedeutung mehr.
</p>
<table class="wikitable center mw-collapsible mw-collapsed" style="font-family:monospace; font-size:1em; font-weight:bold;">

<tbody><tr>
<th colspan="6" style="font-family:sans-serif;">Tabelle der 216 websicheren Farben<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>
</th></tr>
<tr>
<td style="color:#FFFFFF; background:#000; width:17%;">#000
</td>
<td style="color:#FFFFFF; background:#003; width:17%;">#003
</td>
<td style="color:#FFFFFF; background:#006; width:17%;">#006
</td>
<td style="color:#FFFFFF; background:#009; width:17%;">#009
</td>
<td style="color:#FFFFFF; background:#00C; width:16%;">#00C
</td>
<td style="color:#FFFFFF; background:#00F;">#00F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#030">#030
</td>
<td style="color:#FFFFFF; background:#033">#033
</td>
<td style="color:#FFFFFF; background:#036">#036
</td>
<td style="color:#FFFFFF; background:#039">#039
</td>
<td style="color:#FFFFFF; background:#03C">#03C
</td>
<td style="color:#FFFFFF; background:#03F">#03F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#060">#060
</td>
<td style="color:#FFFFFF; background:#063">#063
</td>
<td style="color:#FFFFFF; background:#066">#066
</td>
<td style="color:#FFFFFF; background:#069">#069
</td>
<td style="color:#FFFFFF; background:#06C">#06C
</td>
<td style="color:#FFFFFF; background:#06F">#06F
</td></tr>
<tr>
<td style="color:#202122; background:#090">#090
</td>
<td style="color:#202122; background:#093">#093
</td>
<td style="color:#202122; background:#096">#096
</td>
<td style="color:#202122; background:#099">#099
</td>
<td style="color:#202122; background:#09C">#09C
</td>
<td style="color:#202122; background:#09F">#09F
</td></tr>
<tr>
<td style="color:#202122; background:#0C0">#0C0
</td>
<td style="color:#202122; background:#0C3">#0C3
</td>
<td style="color:#202122; background:#0C6">#0C6
</td>
<td style="color:#202122; background:#0C9">#0C9
</td>
<td style="color:#202122; background:#0CC">#0CC
</td>
<td style="color:#202122; background:#0CF">#0CF
</td></tr>
<tr>
<td style="color:#202122; background:#0F0">#0F0
</td>
<td style="color:#202122; background:#0F3">#0F3
</td>
<td style="color:#202122; background:#0F6">#0F6
</td>
<td style="color:#202122; background:#0F9">#0F9
</td>
<td style="color:#202122; background:#0FC">#0FC
</td>
<td style="color:#202122; background:#0FF">#0FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#300">#300
</td>
<td style="color:#FFFFFF; background:#303">#303
</td>
<td style="color:#FFFFFF; background:#306">#306
</td>
<td style="color:#FFFFFF; background:#309">#309
</td>
<td style="color:#FFFFFF; background:#30C">#30C
</td>
<td style="color:#FFFFFF; background:#30F">#30F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#330">#330
</td>
<td style="color:#FFFFFF; background:#333">#333
</td>
<td style="color:#FFFFFF; background:#336">#336
</td>
<td style="color:#FFFFFF; background:#339">#339
</td>
<td style="color:#FFFFFF; background:#33C">#33C
</td>
<td style="color:#FFFFFF; background:#33F">#33F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#360">#360
</td>
<td style="color:#FFFFFF; background:#363">#363
</td>
<td style="color:#FFFFFF; background:#366">#366
</td>
<td style="color:#FFFFFF; background:#369">#369
</td>
<td style="color:#FFFFFF; background:#36C">#36C
</td>
<td style="color:#FFFFFF; background:#36F">#36F
</td></tr>
<tr>
<td style="color:#202122; background:#390">#390
</td>
<td style="color:#202122; background:#393">#393
</td>
<td style="color:#202122; background:#396">#396
</td>
<td style="color:#202122; background:#399">#399
</td>
<td style="color:#202122; background:#39C">#39C
</td>
<td style="color:#202122; background:#39F">#39F
</td></tr>
<tr>
<td style="color:#202122; background:#3C0">#3C0
</td>
<td style="color:#202122; background:#3C3">#3C3
</td>
<td style="color:#202122; background:#3C6">#3C6
</td>
<td style="color:#202122; background:#3C9">#3C9
</td>
<td style="color:#202122; background:#3CC">#3CC
</td>
<td style="color:#202122; background:#3CF">#3CF
</td></tr>
<tr>
<td style="color:#202122; background:#3F0">#3F0
</td>
<td style="color:#202122; background:#3F3">#3F3
</td>
<td style="color:#202122; background:#3F6">#3F6
</td>
<td style="color:#202122; background:#3F9">#3F9
</td>
<td style="color:#202122; background:#3FC">#3FC
</td>
<td style="color:#202122; background:#3FF">#3FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#600">#600
</td>
<td style="color:#FFFFFF; background:#603">#603
</td>
<td style="color:#FFFFFF; background:#606">#606
</td>
<td style="color:#FFFFFF; background:#609">#609
</td>
<td style="color:#FFFFFF; background:#60C">#60C
</td>
<td style="color:#FFFFFF; background:#60F">#60F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#630">#630
</td>
<td style="color:#FFFFFF; background:#633">#633
</td>
<td style="color:#FFFFFF; background:#636">#636
</td>
<td style="color:#FFFFFF; background:#639">#639
</td>
<td style="color:#FFFFFF; background:#63C">#63C
</td>
<td style="color:#FFFFFF; background:#63F">#63F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#660">#660
</td>
<td style="color:#FFFFFF; background:#663">#663
</td>
<td style="color:#FFFFFF; background:#666">#666
</td>
<td style="color:#FFFFFF; background:#669">#669
</td>
<td style="color:#FFFFFF; background:#66C">#66C
</td>
<td style="color:#FFFFFF; background:#66F">#66F
</td></tr>
<tr>
<td style="color:#202122; background:#690">#690
</td>
<td style="color:#202122; background:#693">#693
</td>
<td style="color:#202122; background:#696">#696
</td>
<td style="color:#202122; background:#699">#699
</td>
<td style="color:#202122; background:#69C">#69C
</td>
<td style="color:#202122; background:#69F">#69F
</td></tr>
<tr>
<td style="color:#202122; background:#6C0">#6C0
</td>
<td style="color:#202122; background:#6C3">#6C3
</td>
<td style="color:#202122; background:#6C6">#6C6
</td>
<td style="color:#202122; background:#6C9">#6C9
</td>
<td style="color:#202122; background:#6CC">#6CC
</td>
<td style="color:#202122; background:#6CF">#6CF
</td></tr>
<tr>
<td style="color:#202122; background:#6F0">#6F0
</td>
<td style="color:#202122; background:#6F3">#6F3
</td>
<td style="color:#202122; background:#6F6">#6F6
</td>
<td style="color:#202122; background:#6F9">#6F9
</td>
<td style="color:#202122; background:#6FC">#6FC
</td>
<td style="color:#202122; background:#6FF">#6FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#900">#900
</td>
<td style="color:#FFFFFF; background:#903">#903
</td>
<td style="color:#FFFFFF; background:#906">#906
</td>
<td style="color:#FFFFFF; background:#909">#909
</td>
<td style="color:#FFFFFF; background:#90C">#90C
</td>
<td style="color:#FFFFFF; background:#90F">#90F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#930">#930
</td>
<td style="color:#FFFFFF; background:#933">#933
</td>
<td style="color:#FFFFFF; background:#936">#936
</td>
<td style="color:#FFFFFF; background:#939">#939
</td>
<td style="color:#FFFFFF; background:#93C">#93C
</td>
<td style="color:#FFFFFF; background:#93F">#93F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#960">#960
</td>
<td style="color:#FFFFFF; background:#963">#963
</td>
<td style="color:#FFFFFF; background:#966">#966
</td>
<td style="color:#FFFFFF; background:#969">#969
</td>
<td style="color:#FFFFFF; background:#96C">#96C
</td>
<td style="color:#FFFFFF; background:#96F">#96F
</td></tr>
<tr>
<td style="color:#202122; background:#990">#990
</td>
<td style="color:#202122; background:#993">#993
</td>
<td style="color:#202122; background:#996">#996
</td>
<td style="color:#202122; background:#999">#999
</td>
<td style="color:#202122; background:#99C">#99C
</td>
<td style="color:#202122; background:#99F">#99F
</td></tr>
<tr>
<td style="color:#202122; background:#9C0">#9C0
</td>
<td style="color:#202122; background:#9C3">#9C3
</td>
<td style="color:#202122; background:#9C6">#9C6
</td>
<td style="color:#202122; background:#9C9">#9C9
</td>
<td style="color:#202122; background:#9CC">#9CC
</td>
<td style="color:#202122; background:#9CF">#9CF
</td></tr>
<tr>
<td style="color:#202122; background:#9F0">#9F0
</td>
<td style="color:#202122; background:#9F3">#9F3
</td>
<td style="color:#202122; background:#9F6">#9F6
</td>
<td style="color:#202122; background:#9F9">#9F9
</td>
<td style="color:#202122; background:#9FC">#9FC
</td>
<td style="color:#202122; background:#9FF">#9FF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#C00">#C00
</td>
<td style="color:#FFFFFF; background:#C03">#C03
</td>
<td style="color:#FFFFFF; background:#C06">#C06
</td>
<td style="color:#FFFFFF; background:#C09">#C09
</td>
<td style="color:#FFFFFF; background:#C0C">#C0C
</td>
<td style="color:#FFFFFF; background:#C0F">#C0F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#C30">#C30
</td>
<td style="color:#FFFFFF; background:#C33">#C33
</td>
<td style="color:#FFFFFF; background:#C36">#C36
</td>
<td style="color:#FFFFFF; background:#C39">#C39
</td>
<td style="color:#FFFFFF; background:#C3C">#C3C
</td>
<td style="color:#FFFFFF; background:#C3F">#C3F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#C60">#C60
</td>
<td style="color:#FFFFFF; background:#C63">#C63
</td>
<td style="color:#FFFFFF; background:#C66">#C66
</td>
<td style="color:#FFFFFF; background:#C69">#C69
</td>
<td style="color:#FFFFFF; background:#C6C">#C6C
</td>
<td style="color:#FFFFFF; background:#C6F">#C6F
</td></tr>
<tr>
<td style="color:#202122; background:#C90">#C90
</td>
<td style="color:#202122; background:#C93">#C93
</td>
<td style="color:#202122; background:#C96">#C96
</td>
<td style="color:#202122; background:#C99">#C99
</td>
<td style="color:#202122; background:#C9C">#C9C
</td>
<td style="color:#202122; background:#C9F">#C9F
</td></tr>
<tr>
<td style="color:#202122; background:#CC0">#CC0
</td>
<td style="color:#202122; background:#CC3">#CC3
</td>
<td style="color:#202122; background:#CC6">#CC6
</td>
<td style="color:#202122; background:#CC9">#CC9
</td>
<td style="color:#202122; background:#CCC">#CCC
</td>
<td style="color:#202122; background:#CCF">#CCF
</td></tr>
<tr>
<td style="color:#202122; background:#CF0">#CF0
</td>
<td style="color:#202122; background:#CF3">#CF3
</td>
<td style="color:#202122; background:#CF6">#CF6
</td>
<td style="color:#202122; background:#CF9">#CF9
</td>
<td style="color:#202122; background:#CFC">#CFC
</td>
<td style="color:#202122; background:#CFF">#CFF
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#F00">#F00
</td>
<td style="color:#FFFFFF; background:#F03">#F03
</td>
<td style="color:#FFFFFF; background:#F06">#F06
</td>
<td style="color:#FFFFFF; background:#F09">#F09
</td>
<td style="color:#FFFFFF; background:#F0C">#F0C
</td>
<td style="color:#FFFFFF; background:#F0F">#F0F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#F30">#F30
</td>
<td style="color:#FFFFFF; background:#F33">#F33
</td>
<td style="color:#FFFFFF; background:#F36">#F36
</td>
<td style="color:#FFFFFF; background:#F39">#F39
</td>
<td style="color:#FFFFFF; background:#F3C">#F3C
</td>
<td style="color:#FFFFFF; background:#F3F">#F3F
</td></tr>
<tr>
<td style="color:#FFFFFF; background:#F60">#F60
</td>
<td style="color:#FFFFFF; background:#F63">#F63
</td>
<td style="color:#FFFFFF; background:#F66">#F66
</td>
<td style="color:#FFFFFF; background:#F69">#F69
</td>
<td style="color:#FFFFFF; background:#F6C">#F6C
</td>
<td style="color:#FFFFFF; background:#F6F">#F6F
</td></tr>
<tr>
<td style="color:#202122; background:#F90">#F90
</td>
<td style="color:#202122; background:#F93">#F93
</td>
<td style="color:#202122; background:#F96">#F96
</td>
<td style="color:#202122; background:#F99">#F99
</td>
<td style="color:#202122; background:#F9C">#F9C
</td>
<td style="color:#202122; background:#F9F">#F9F
</td></tr>
<tr>
<td style="color:#202122; background:#FC0">#FC0
</td>
<td style="color:#202122; background:#FC3">#FC3
</td>
<td style="color:#202122; background:#FC6">#FC6
</td>
<td style="color:#202122; background:#FC9">#FC9
</td>
<td style="color:#202122; background:#FCC">#FCC
</td>
<td style="color:#202122; background:#FCF">#FCF
</td></tr>
<tr>
<td style="color:#202122; background:#FF0">#FF0
</td>
<td style="color:#202122; background:#FF3">#FF3
</td>
<td style="color:#202122; background:#FF6">#FF6
</td>
<td style="color:#202122; background:#FF9">#FF9
</td>
<td style="color:#202122; background:#FFC">#FFC
</td>
<td style="color:#202122; background:#FFF">#FFF
</td></tr></tbody></table>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<div class="sisterproject" style="margin:0.1em 0 0 0;"><span class="noviewer" style="display:inline-block; line-height:10px; min-width:1.6em; text-align:center;" aria-hidden="true" role="presentation"><span class="mw-default-size" typeof="mw:File"><span title="Wiktionary"></span></span></span><b><a href="https://de.wiktionary.org/wiki/Webfarbe" class="extiw external" title="wikt:Webfarbe">Wiktionary: Webfarbe</a></b>&nbsp;– Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen</div>
<ul><li><a rel="nofollow" class="external text" href="http://www.w3.org/TR/css3-color/">CSS-3-Farbnamen-Definitionen des W3C</a> auf <a href="W3.org" class="mw-redirect" title="W3.org">w3.org</a></li>
<li><a rel="nofollow" class="external text" href="https://paletton.com">Paletton - The Color Scheme Designer</a> – zusammenpassende Farb-Schemata, nützlich zur Auswahl passender Schattierungen</li>
<li><a rel="nofollow" class="external text" href="https://web.archive.org/web/20050829041538/http://www.metacolor.de/">www.metacolor.de</a> – umfangreiches Tutorial über Farben im Webdesign</li>
<li><a rel="nofollow" class="external text" href="https://colorizer.org/">Colorizer.org</a> – umfangreicher Farbauswähler mit Umrechnungen (<a href="RGB-Farbraum" title="RGB-Farbraum">RGB</a>, HEX, <a href="HSV-Farbraum" title="HSV-Farbraum">HSL</a>, <a href="HSV-Farbraum" title="HSV-Farbraum">HSV</a>/<a href="HSB-Farbraum" class="mw-redirect" title="HSB-Farbraum">HSB</a>, <a href="CMYK" class="mw-redirect" title="CMYK">CMYK</a>)</li>
<li><a rel="nofollow" class="external text" href="https://web.archive.org/web/20230930201205/https://html-colors.org/de/web-farbtabelle/">html-colors.org</a> – benannte Farben mit Dezimal- und Hexadezimalwerten in Tabellen, farblich gruppiert und sortiert nach Abstufungen</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.css3.info/preview/hsla/">HSLA Colors</a> auf css3.info</span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/css3-gcpm/#cmyk-colors">CMYK colors</a> auf w3.org</span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://lists.w3.org/Archives/Public/www-style/2014Jun/0312.html"><i>Re: [CfC] adding 'rebeccapurple' color to CSS Color Level 4.</i></a> 21.&nbsp;Juni 2014,<span class="Abrufdatum"> abgerufen am 24.&nbsp;April 2021</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3AWebfarbe&amp;rft.title=Re%3A+%26%2391%3BCfC%26%2393%3B+adding+%27rebeccapurple%27+color+to+CSS+Color+Level+4&amp;rft.description=Re%3A+%26%2391%3BCfC%26%2393%3B+adding+%27rebeccapurple%27+color+to+CSS+Color+Level+4&amp;rft.identifier=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style%2F2014Jun%2F0312.html&amp;rft.date=2014-06-21&amp;rft.language=en">&nbsp;</span></span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><span class="cite">Eric Meyer: <a rel="nofollow" class="external text" href="https://meyerweb.com/eric/thoughts/2014/06/19/rebeccapurple/"><i>rebeccapurple.</i></a> 19.&nbsp;Juni 2014,<span class="Abrufdatum"> abgerufen am 24.&nbsp;April 2021</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3AWebfarbe&amp;rft.title=rebeccapurple&amp;rft.description=rebeccapurple&amp;rft.identifier=https%3A%2F%2Fmeyerweb.com%2Feric%2Fthoughts%2F2014%2F06%2F19%2Frebeccapurple%2F&amp;rft.creator=Eric+Meyer&amp;rft.date=2014-06-19&amp;rft.language=en">&nbsp;</span></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text">Die ersten Consumer-Grafikkarten mit High-Color (32×32×32 Farben) und True-Color (256×256×256 Farben) als nettes Feature tauchten 1992 auf. Allerdings mit reduzierter Auflösung. Anfang 1996, als das WWW etwas bekannter wurde, waren an sich alle Windows-PC-Grafikkarten in der Lage bei akzeptabler Auflösung und Wiederholrate mindestens 32768 Farben darzustellen. Allerdings unterstützten viele UNIX-Workstations weiterhin nur 256 Farben und man konnte die Farbtiefe unter Windows aus Performance-Gründen reduzieren.</span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text">In der Tabelle ist jeder aufgeführten Farbcode der RGB-Hex-Wert in seiner CSS-Kurzform; so entspricht zum Beispiel <code>#609</code> = <code>rgb(102, 0, 153)</code> oder hex. <code>#660099</code>. <small>Siehe auch <a rel="nofollow" class="external text" href="http://www.websiteoptimization.com/speed/tweak/hex/">CSS: Use Shorthand Hex Colors</a> (englisch)</small>.</span>
</li>
</ol>
<div class="hintergrundfarbe1 rahmenfarbe1 navigation-not-searchable" style="border-style: solid; border-width: 1px; clear: left; margin-bottom:1em; margin-top:1em; padding: 0.25em; overflow: hidden; word-break: break-word; word-wrap: break-word;" id="Vorlage_Farbdarstellung"><div class="noviewer noresize nomobile" style="display: table-cell; padding-bottom: 0.2em; padding-left: 0.25em; padding-right: 1em; padding-top: 0.2em; vertical-align: middle;" aria-hidden="true" role="presentation"></div>
<div style="display: table-cell; vertical-align: middle; width: 100%;">
<div>
<p><b>Die in diesem Artikel angezeigten Farben sind nicht farbverbindlich und können auf verschiedenen Anzeigegeräten unterschiedlich erscheinen.</b><br>
Eine Möglichkeit, die Darstellung mit rein visuellen Mitteln näherungsweise zu kalibrieren, bietet das nebenstehende Testbild (nur bei nativer Anzeigeauflösung und wenn die Seite nicht gezoomt dargestellt wird):<br>
</p>
Das Anzeigegerät in den <a href="SRGB-Farbraum" title="SRGB-Farbraum">sRGB</a>-Modus setzen, sofern vorhanden. Tritt auf einer der drei grauen Flächen ein Buchstabe („R“&nbsp;für Rot, „G“&nbsp;für Grün oder „B“&nbsp;für Blau) stark hervor, sollte die <a href="Gammakorrektur" title="Gammakorrektur">Gammakorrektur</a> des entsprechenden <a href="Farbkanal" title="Farbkanal">Farbkanals</a> korrigiert werden. Eine ausführlichere Beschreibung dazu bietet Hilfe:Farbdarstellung.</div>
</div></div></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-11-12" href="https://de.wikipedia.org/wiki/?title=Webfarbe&amp;oldid=261481851">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>